<div class="panel panel-default panel-intro">
    <div class="panel-heading">
        <div class="panel-title">考勤详情</div>
    </div>
    <div class="panel-body">
        <div class="row">
            <div class="col-md-12">
                <h4>基本信息</h4>
                <table class="table table-striped">
                    <tr>
                        <th width="150">员工姓名:</th>
                        <td>{$row.user_name|default=''}</td>
                        <th width="150">手机号:</th>
                        <td>{$row.mobile|default=''}</td>
                    </tr>
                    <tr>
                        <th>考勤日期:</th>
                        <td>{$row.attendance_date}</td>
                        <th>考勤状态:</th>
                        <td>{$row.status_text}</td>
                    </tr>
                </table>
            </div>
        </div>
        
        <div class="row" style="margin-top: 20px;">
            <div class="col-md-6">
                <h4>上班打卡</h4>
                <table class="table table-striped">
                    <tr>
                        <th width="150">打卡时间:</th>
                        <td>{$row.clock_in_time_text|default='未打卡'}</td>
                    </tr>
                    <tr>
                        <th>打卡地点:</th>
                        <td>{$row.clock_in_address|default=''}</td>
                    </tr>
                    <tr>
                        <th>是否迟到:</th>
                        <td>
                            {if condition="$row.is_late"}
                                <span class="label label-danger">是（迟到{$row.late_minutes}分钟）</span>
                            {else/}
                                <span class="label label-success">否</span>
                            {/if}
                        </td>
                    </tr>
                    {if condition="$row.clock_in_image"}
                    <tr>
                        <th>打卡照片:</th>
                        <td>
                            <a href="{$row.clock_in_image}" target="_blank">
                                <img src="{$row.clock_in_image}" style="max-width: 200px;" />
                            </a>
                        </td>
                    </tr>
                    {/if}
                </table>
            </div>
            
            <div class="col-md-6">
                <h4>下班打卡</h4>
                <table class="table table-striped">
                    <tr>
                        <th width="150">打卡时间:</th>
                        <td>{$row.clock_out_time_text|default='未打卡'}</td>
                    </tr>
                    <tr>
                        <th>打卡地点:</th>
                        <td>{$row.clock_out_address|default=''}</td>
                    </tr>
                    <tr>
                        <th>是否早退:</th>
                        <td>
                            {if condition="$row.is_early_leave"}
                                <span class="label label-warning">是（早退{$row.early_leave_minutes}分钟）</span>
                            {else/}
                                <span class="label label-success">否</span>
                            {/if}
                        </td>
                    </tr>
                    {if condition="$row.clock_out_image"}
                    <tr>
                        <th>打卡照片:</th>
                        <td>
                            <a href="{$row.clock_out_image}" target="_blank">
                                <img src="{$row.clock_out_image}" style="max-width: 200px;" />
                            </a>
                        </td>
                    </tr>
                    {/if}
                </table>
            </div>
        </div>
        
        <div class="row" style="margin-top: 20px;">
            <div class="col-md-12">
                <h4>工作统计</h4>
                <table class="table table-striped">
                    <tr>
                        <th width="150">工作时长:</th>
                        <td>{$row.work_hours|default=0} 小时</td>
                        <th width="150">加班时长:</th>
                        <td>{$row.overtime_hours|default=0} 小时</td>
                    </tr>
                    <tr>
                        <th>备注:</th>
                        <td colspan="3">{$row.remark|default=''}</td>
                    </tr>
                </table>
            </div>
        </div>
        
        <div class="form-group layer-footer">
            <div class="col-xs-12 text-center">
                <button type="button" class="btn btn-primary btn-embossed btn-close">关闭</button>
            </div>
        </div>
    </div>
</div>
